<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Beckham - Free Bootstrap 4 Template by Colorlib</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

      <link rel="stylesheet" href="css/animate.css">
      <link rel="stylesheet" href="css/icomoon.css">
      <link rel="stylesheet" href="css/style.css">
  </head>
  <body>

    
    <div id="colorlib-page">
      <header>
        <div class="container">
          <div class="row">
            <div class="col-md-12">
              <div class="colorlib-navbar-brand">
                <a class="colorlib-logo" href="index.html"><span class="logo-img" style="background-image: url(images/head.jpg);"></span>你的名字</a>
              </div>
				<a href="index.html" class="float-right" style="color: black"><button class="icon-backspace">BACK</button></a>
            </div>
          </div>
        </div>
      </header>

      <section class="ftco-section">
        <div class="container mt-5">
          <div class="row justify-content-center mb-5 pb-5">
            <div class="col-md-7 text-center heading-section ftco-animate">
              <span>Look Here!</span>
              <h2>These are my hobbies</h2>
            </div>
          </div>
          <div class="row no-gutters">
	          <div class="block-3 d-md-flex ftco-animate" data-scrollax-parent="true">
	            <a href="portfolio-single.html" class="image d-flex justify-content-center align-items-center" style="background-image: url('images/hobby1.jpg'); " data-scrollax=" properties: { translateY: '-30%'}">
	              <div class="icon d-flex text-center justify-content-center align-items-center">
	                <span class="icon-search"></span>
	              </div>
	            </a>
	            <div class="text">
	              <h4 class="subheading">登山</h4>
	              <h2 class="heading"><a href="portfolio-single.html">我爱登山</a></h2>
	              <p>登山（mountaineering）：是指在特定要求下，运动员徒手或使用专门装备，从低海拔地形向高海拔山峰进行攀登的一项体育活动。登山运动可分为登山探险（也称高山探险）、竞技攀登（包括攀岩、攀冰等）和健身性登山。</p>
	            </div>
	          </div>

	          <div class="block-3 d-md-flex ftco-animate" data-scrollax-parent="true">
	            <a href="portfolio-single.html" class="image order-2 d-flex justify-content-center align-items-center" style="background-image: url('images/hobby2.jpg'); " data-scrollax=" properties: { translateY: '-30%'}">
	              <div class="icon d-flex text-center justify-content-center align-items-center">
	                <span class="icon-search"></span>
	              </div>
	            </a>
	            <div class="text order-1">
	              <h4 class="subheading">滑雪</h4>
	              <h2 class="heading"><a href="portfoli-singleo.html">我爱滑雪</a></h2>
	              <p>滑雪运动是运动员把滑雪板装在靴底上在雪地上进行速度、跳跃和滑降的竞赛运动。滑雪板用木材、金属材料和塑料混合制成。高山滑雪由滑降，小回转和大回转（障碍滑雪）组成。高山滑雪混合项目，由上述三个项目组成。</p>
	            </div>
	          </div>

	          <div class="block-3 d-md-flex ftco-animate" data-scrollax-parent="true">
	            <a href="portfolio-single.html" class="image d-flex justify-content-center align-items-center" style="background-image: url('images/hobby3.jpg'); " data-scrollax=" properties: { translateY: '-30%'}">
	              <div class="icon d-flex text-center justify-content-center align-items-center">
	                <span class="icon-search"></span>
	              </div>
	            </a>
	            <div class="text">
	              <h4 class="subheading">射箭</h4>
	              <h2 class="heading"><a href="portfolio-single.html">我爱射箭</a></h2>
	              <p>射箭，即箭术（Archery），是指借助弓的弹力将箭射出，在一定的距离内比赛精准度的体育运动，别称射箭运动。</p>
	            </div>
	          </div>

	          <div class="block-3 d-md-flex ftco-animate" data-scrollax-parent="true">
	            <a href="portfolio-single.html" class="image order-2 d-flex justify-content-center align-items-center" style="background-image: url('images/hobby4.jpeg'); " data-scrollax=" properties: { translateY: '-30%'}">
	              <div class="icon d-flex text-center justify-content-center align-items-center">
	                <span class="icon-search"></span>
	              </div>
	            </a>
	            <div class="text order-1">
	              <h4 class="subheading">钓鱼</h4>
	              <h2 class="heading"><a href="portfoli-singleo.html">我爱钓鱼</a></h2>
	              <p>钓鱼属于一种户外运动，目标是用渔具把鱼从水里钓上来，而且钓鱼不限制性别与年龄，大人小孩子都喜欢。钓鱼亲近大自然，陶冶情操。临水一长啸，忽思十年初。</p>
	            </div>
	          </div>

	          <div class="block-3 d-md-flex ftco-animate" data-scrollax-parent="true">
	            <a href="portfolio-single.html" class="image d-flex justify-content-center align-items-center" style="background-image: url('images/hobby5.jpg'); " data-scrollax=" properties: { translateY: '-30%'}">
	              <div class="icon d-flex text-center justify-content-center align-items-center">
	                <span class="icon-search"></span>
	              </div>
	            </a>
	            <div class="text">
	              <h4 class="subheading">瑜伽</h4>
	              <h2 class="heading"><a href="portfoli-singleo.html">我爱瑜伽</a></h2>
	              <p>瑜伽是源于古老印度的一种强身术,通过肉体和精神的修持达到身心和谐统一、强身健体和开发人体潜能的作用。</p>
	            </div>
	          </div>

	          <div class="block-3 d-md-flex ftco-animate" data-scrollax-parent="true">
	            <a href="portfolio-single.html" class="image order-2 d-flex justify-content-center align-items-center" style="background-image: url('images/hobby6.jpg'); " data-scrollax=" properties: { translateY: '-30%'}">
	              <div class="icon d-flex text-center justify-content-center align-items-center">
	                <span class="icon-search"></span>
	              </div>
	            </a>
	            <div class="text order-1">
	              <h4 class="subheading">游泳</h4>
	              <h2 class="heading"><a href="portfoli-singleo.html">我爱游泳</a></h2>
	              <p>游泳(Swimming)，是人在水的浮力作用下产生向上漂浮，凭借浮力通过肢体有规律的运动，使身体在水中有规律运动的技能。</p>
	            </div>
	          </div>
	        </div>

	        <div class="row mt-5">
	          <div class="col text-center">
	            <div class="block-27">
	              <ul>
	                <li><a href="#">&lt;</a></li>
	                <li class="active"><span>1</span></li>
	                <li><a href="#">2</a></li>
	                <li><a href="#">3</a></li>
	                <li><a href="#">4</a></li>
	                <li><a href="#">5</a></li>
	                <li><a href="#">&gt;</a></li>
	              </ul>
	            </div>
	          </div>
	        </div>
        </div>
      </section>

    </div>


	<script src="js/jquery-3.2.1.min.js"></script>
	<script src="js/jquery.min.js"></script>
	<script src="js/jquery-migrate-3.0.1.min.js"></script>
	<script src="js/jquery.easing.1.3.js"></script>
	<script src="js/jquery.waypoints.min.js"></script>
	<script src="js/jquery.stellar.min.js"></script>
	<script src="js/owl.carousel.min.js"></script>
	<script src="js/aos.js"></script>
	<script src="js/scrollax.min.js"></script>
	<script src="js/main.js"></script>
    
  </body>
</html>